<template>
  <div   :class="[ 'container', top_dark == '1'    ? 'dark' : '=']">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="main">

      </div>
    </div>
    <Copyright />
  </div>
</template>

<script>
  import Header from '../components/header.vue';
  import Copyright from '../components/bottom.vue';
  export default {
     data() {
            return {
                top_dark :  localStorage.getItem('top_dark'),
            };
       },
    created() {
    },
    methods: {
      lecture(){
        this.$router.push("/lecture")
      },
      train(){
        this.$router.push("/train")
      },
      message(){
        this.$router.push("/msglist")
      },
      my(){
        this.$router.push("/my")
      },
      feedback(){
        this.$router.push("/feedback")
      }
    },
    components:{Header,Copyright}
  };
</script>

<style lang="scss" scoped>
</style>
